<template>
	<view :class="['no-data',customClass]">
		<u-image :width="width" :height="height" :src="icon"></u-image>
		<text class="u-m-t-36">{{text}}</text>
	</view>
</template>

<script>
	export default {
		props: {
			width: {
				type: String,
				default: '140px'
			},
			height: {
				type: String,
				default: '112px'
			},
			icon: {
				type: String,
				default: require('@/static/no_data.png')
			},
			text: {
				type: String,
				default: '-- 空空如也 --'
			},
			customClass: {
				type: String,
				default: ''
			}
		}
	}
</script>

<style lang="scss" scoped>
	.no-data {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: #fff;
		padding-top: 45px;

		text {
			color: #808080;

		}
	}
</style>
